<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>H+ 后台主题UI框架 - 空白页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico"> 
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
     <!-- jqgrid-->
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/gyq.css" rel="stylesheet">
    <link rel="stylesheet" href="css/demo.css" type="text/css">
    <style>
		   .radio-inline input[type=radio] {
            margin-top: 4px
        }
        .note-editable{height: 200px}
    </style>
</head>

<body style="color:#333;padding:3px; overflow-x: auto;">
    <!-- 标题 -->
    <div class="page-heade">
      <h1 class="title_color">添加常规促销申请明细</h1>
    </div>
    <!-- 标题 -->
    <div class="row-margin-top">
    <form action=""  class="form-inline">
       <table class="table-bordered table t_table">
           <tr>
            <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >网点<span class="colorRed">*</span>：</label></td>
            <td colspan="3"><input type="text" class="form-control" style="min-width: 220px;width: 220px" name="" placeholder="请输入关键字或空格查询"><a href="javascript:;">选择</a><a href="javascript:;" style="margin:0 3px">清空</a><a href="javascript:;">选择我的常用网点分组</a></td>
           </tr>
           <tr>
             <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >您选定的网点是：</label></td>
             <td class="text-left" colspan="3"></td>
           </tr>
           <tr>
            <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >产品<span class="colorRed">*</span>：</label></td>
            <td colspan="3"><input type="text" class="form-control" style="min-width: 220px;width: 220px" name="" placeholder="请输入关键字或空格查询"><a href="javascript:;">选择</a><a href="javascript:;" style="margin:0 3px">清空</a></td>
           </tr>
           <tr>
             <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >您选定的产品是：</label></td>
             <td class="text-left" colspan="3"></td>
           </tr>
             <tr>
            <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >促销执行时间<span class="colorRed">*</span>：</label></td>
            <td>
            <div class="form-group">
            <input type="text" id="start" class="form-control layer-date " style="min-width:100px;height: 26px;display: inline-block;" name="">
           </div>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="min-width:100px;height: 26px;display: inline-block;" id="end" name="">
           </div>
            </td>
            <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >负责人<span class="colorRed">*</span>：</label></td>
            <td><input type="text" class="form-control" style="min-width: 220px;width: 220px" name="" value="测试经理"></td>
           </tr>
           <tr>
            <td style="min-width: 180px;width: 180px" class="text-right"><label for="" >预计核销时间<span class="colorRed">*</span>：</label></td>
            <td colspan="3">
                  <div class="form-group">
            <input type="text" id="yjverifyTime" class="form-control layer-date " style="min-width:100px;height: 26px;display: inline-block;" name="">
           </div>
            </td>
           </tr>
        </table>
    <table class="table-bordered table t_table">
        <tr>
            <th colspan="7" class="text-center font-bold">三级费用科目</th>
        </tr>
        <tr class="info">
            <th class="text-center">费用名称</th>
            <th class="text-center">未税总额(元)<span class="colorRed">*</span><span class="helpText">帮</span></th>
            <th class="text-center">费用支付方式<span class="colorRed">*</span></th>
            <th class="text-center">费用计入部门<span class="colorRed">*</span></th>
            <th class="text-center">费用计入方案</th>
            <th class="text-center">费用描述</th>
            <th class="text-center"><button class="btn-success btn" type="button">添加</button></th>
        </tr>
        <tr>
            <td><input type="text" placeholder="请输入关键字或空格查询" class="form-control"><a href="javascript:;">选择</a></td>
            <td><input type="text" name="" class="form-control"></td>
            <td>
                <select name="" id="" class="form-control">
                    <option value="0">请选择</option>
                </select>   
            </td>
             <td><input type="text" placeholder="请输入关键字或空格查询" class="form-control"><a href="javascript:;">选择</a></td>
             <td>
                <select name="" id="" class="form-control">
                    <option value="0">请选择</option>
                </select>   
            </td>
             <td><input type="text" name="" class="form-control"></td> 
             <td class="text-center"><button class="btn btn-danger" type="button">删除</button>  </td>
        </tr>
    </table>
      <table class="table-bordered table t_table">
        <tr>
            <th colspan="11" class="text-center font-bold">活动产品</th>
        </tr>
        <tr class="info">
            <th class="text-center">产品名称</th>
            <th class="text-center">规格</th>
            <th class="text-center">总预计销量<span class="colorRed">*</span><span class="helpText">帮</span></th>
            <th class="text-center">标准出厂价</th>
             <th class="text-center">经销商原供价<span class="colorRed">*</span><span class="helpText">帮</span></th>
            <th class="text-center">经销商现供价<span class="colorRed">*</span></th>
            <th class="text-center">网点供货价<span class="colorRed">*</span></th>
            <th class="text-center">折价率<span class="colorRed">*</span></th>
            <th class="text-center">需补差的销量</th>
            <th class="text-center">原零售价<span class="colorRed">*</span></th>
            <th class="text-center">活动期零售价<span class="colorRed">*</span></th>
        </tr>
        <tr class="infoContent">
            <td><span class="productText">56g大嘴猴滨司Q劲软糖青苹果味</span><a href="productdetail.html"><span class="glyphicon glyphicon-eye-open eyes" aria-hidden="true" title="产品详情"></span></a></td>
            <td>48罐/箱</td>
            <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" name="">箱</td>
            <td>6.0元/罐</td>
            <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" readonly name="" value="6.0">元/罐</td>
             <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" name="" value="6.0">元/罐</td>
              <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" name="">元/罐</td>
            <td><input type="text" class="form-control" style="min-width: 30px;width: 30px" name="">%&nbsp;OFF</td>
             <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" name="">箱</td>
            <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" name="">元/罐</td>
            <td><input type="text" class="form-control" style="min-width: 50px;width: 50px" name="">元/罐</td>
        </tr>
        <tr>
            <td class="text-right" row="2">备注</td>
            <td colspan="10">
                <textarea name="" id="" rows="2" class="form-control" style="width: 50%"></textarea><span style="vertical-align: bottom;">(200)</span>
            </td>
        </tr>
    </table>
       <div class="row sub_btn white-bg" style="width:100%;text-align:center;padding: 20px 0">
        <input type="submit" class="btn btn-success" value="保存并再添加一条">
        <input type="submit" class="btn btn-success" value="保存并并返回" onclick="back()">
        <input type="button" class="btn btn-warning" value="返回" onclick="back()">
    </div>
</form>
    </div>
    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script> -->
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
     <script src="js/plugins/layer/laydate/laydate.js"></script>
    <!--统计代码，可删除-->
    <script>
      //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
      
        laydate(start);
        laydate(end);
         /*我的常用网点分组*/
           $("#addExaDetail").click(function(){
          var str = '<form method="get" class="form-inline" style="margin:10px"><table class="table-bordered table"><tr><td><label class="radio-inline font-bold"><input type="radio" checked name="inlineRadioOptions" id="inlineRadio1" value="option1">根据原申请编号</label><input type="text" class="form-control"/></td></tr><tr><td><label class="radio-inline font-bold"><input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">根据待核查任务(温馨说明：待核查任务指领导要求核查但还未下发核查任务书的市场(活动)费用申请)</td></tr><tr><td><label class="radio-inline font-bold"><input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3">自主查找核查明细</td></tr><tr><td class="text-center"><button class="btn btn-success">提交</button></td></tr></table></form>'
           layer.open({
              type: 1,
              title:"添加核查明细",
              skin: 'layui-layer-rim', //加上边框
              area: ['800px', '540px'], //宽高
              content: str
            });
        })
    </script>
</body>

</html>
